<template>
  <div class='goodsdesc-container'>
    <h3>{{ goodsdesc.title }}</h3>
    <hr>
    <div class='content' v-html='goodsdesc.content'></div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      goodsdesc:{}
    }
  },
  created(){
    this.getGoodsDesc()
  },
  methods:{
    getGoodsDesc(){
      this.$http.get('goods/getdesc/' +this.$route.params.id).then(result => {
        if(result.body.status === 0){
          this.goodsdesc = result.body.message[0]
        }
      })
    }
  }
}
</script>

<style lang="scss">
.goodsdesc-container{
  padding: 4px;
  h3{
    font-size: 16px;
    color: #226aff;
    text-align: center;
    margin: 15px;
  }
  .content{
    img{
      width:100%;
    }
  }
}
</style>
